<template>
  <div class="loading-status">
    <van-loading 
      v-if="loading" 
      size="24px" 
      vertical
    >
      加载中...
    </van-loading>
    <span 
      v-else-if="finished" 
      class="no-more"
    >
      没有更多了
    </span>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  loading: boolean
  finished: boolean
}>()
</script>

<style lang="scss" scoped>
.loading-status {
  text-align: center;
  padding: 16px 0;
  color: var(--color-text-light);
  font-size: 14px;

  .no-more {
    color: var(--color-text-light);
  }
}
</style>
